﻿<%@ Page Title="" Language="C#" MasterPageFile="~/front.master" AutoEventWireup="true" CodeFile="tap-chi.aspx.cs" Inherits="tap_chi" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="/Scripts/scrollable/scrollable-horizontal.css" rel="stylesheet" type="text/css" />
<link href="/Scripts/scrollable/scrollable-buttons.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/scrollable/jquery.scrollable.js" type="text/javascript"></script>
   <script type="text/javascript">
        $(function () {
            $(".headerR li:eq(4)").addClass("active");
            $(".scrollable").scrollable();
        })
    </script>
    <style type="text/css">
    .boxMenuL:hover a,.boxMenuL.active a{color:#d80018;text-decoration:none;text-transform:uppercase;}
    .boxMenuL:hover,.boxMenuL.active{margin-bottom:5px;}
    .boxMenuL:hover .l,.boxMenuL.active .l{background:url(/images/sm_l.png) no-repeat;}
    .boxMenuL:hover .m,.boxMenuL.active .m{background:url(/images/sm_m.png) repeat-x;}
    .boxMenuL:hover .r,.boxMenuL.active .r{background:url(/images/sm_r.png) no-repeat;}
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="body">
    <div class="bodyL">
        <p class="gOval"><a href="#" class="tapchi"></a></p>
                
    </div>
    <div class="bodyR">
            <div class="firstTapChi">
                <div class="img">
                    <asp:Literal ID="litEmbed" runat="server"></asp:Literal>
                </div>
                <p class="title">
                    <asp:Label ID="lblTitle" runat="server" Text=""></asp:Label>                
                </p>
                <div class="boxMenuL" style="margin-left:180px">
                    <span class="l"></span><span class="m" style="width:150px"><a href="/nhan-tap-chi.aspx">Đăng kí nhận tạp chí</a></span><span class="r"></span>                   
                </div>
            </div>
        <div class="topCat">
            <p class="l"></p>
            <div class="m">
                <p class="pos">
                    <a href="#">Tạp chí Kimland</a>
                </p>
            </div>
            <p class="r"></p>
        </div>
        <div class="boxBorder">   
        <script type="text/javascript">
            function doPlay(obj) {
                var url = $(".emb", $(obj)).html();
                var title = $(".tit", $(obj)).text();
                $(".firstTapChi .img").html(url);
                $(".firstTapChi .title").html(title);
                return false;
            }
        </script>               
            <div class="lstQC" id="adv">                    
            <a class="prev browse left" style="float:left;margin-top:30px"></a>
            <div class="scrollable">                  
                <div class="items">
                <asp:Repeater ID="repTapChi" runat="server">
                <ItemTemplate>
                    <div class="item" onclick='doPlay(this)'>
                        <a href="javascript:void(0)" ><img  class="anh" src='/userupload/images/slide/<%# Eval("tcAvatar") %>' /></a>
                        <a href="javascript:void(0)" class="tit"><%# Eval("tcName") %></a>
                        <div class="emb">
                            <%# Eval("tcLink")%>
                        </div>
                    </div>
                </ItemTemplate>
                </asp:Repeater>
                </div>   
            </div>
            <a class="next browse right" style="float:left;margin-top:30px"></a>
        </div>

        </div>

    </div>
</div>
</asp:Content>

